<template>
	<view class="uni-easyinput">
		<input 
			:value="value" 
			@input="onInput" 
			:placeholder="placeholder" 
			class="input"
		/>
	</view>
</template>

<script>
	export default {
		name: "uni-easyinput",
		props: {
			value: {
				type: String,
				default: ""
			},
			placeholder: {
				type: String,
				default: ""
			}
		},
		methods: {
			onInput(e) {
				this.$emit("input", e.detail.value);
			}
		}
	};
</script>

<style scoped>
	.uni-easyinput {
		width: 100%;
	}

	.input {
		height: 80rpx;
		line-height: 80rpx;
		padding: 0 20rpx;
		border: 1rpx solid #DDDDDD;
		border-radius: 10rpx;
		font-size: 28rpx;
		width: 100%;
	}
</style>